@media screen and (max-width:1750px){
	section.banner div.line{
		display: none;
	}
}

@media screen and (max-width:1400px){
	section.websiteBanner{
		padding: 0 20px;
	}
}

@media screen and (max-width:1200px){
	section.banner div.bannerBox div.buttonArea{
		left:10px;
		bottom:150px;
	}
	section.banner div.bannerBox div.buttonArea div.indexCon{
		display: none;
	}
	section.banner div.bannerBox div.buttonCon{
		bottom:50%;
	}
	section.banner div.line {
	    display: none;
	}

	section.shop.step_2 div.left li{
		padding: 0 10px 20px;
	}

	section.shop.step_2 div.bottom li{
		padding:0 30px 0 78px;
	}
	section.shop.step_2 div.bottom li:before{
		width:50px;
		height: 50px;
		-webkit-background-size: auto 50%;
		background-size: auto 50%;
	}
	section.about.step_2 div.caselist div.bd{
		margin:0;
	}
	section.about.step_2 div.caselist a.prev,
	section.about.step_2 div.caselist a.next{
		display: none;
	}
	section.about.step_2 div.top:after{
		right: 15px;
		left:inherit;
	}
	section.about.step_3 div.bg{
		width:100%;
	}
	section.about.step_3 div.arclist ul{
		margin:0 10px;
	}

	section.websiteBanner .bannerBox ul li span.st1, section.websiteBanner .bannerBox ul li span.st2,
	section.websiteBanner .bannerBox ul li span.st6, section.websiteBanner .bannerBox ul li span.st7,
	section.websiteBanner .bannerBox ul li span.st11, section.websiteBanner .bannerBox ul li span.st12{
		font-size: 40px;
	}
	section.websiteBanner .bannerBox ul li span.st4,
	section.websiteBanner .bannerBox ul li span.st9,
	section.websiteBanner .bannerBox ul li span.st14,
	{
		display:none!important;
	}
	section.websitemain .con_1{
		padding-bottom:30px;
		height: auto;
	}
	section.websitemain .con_1 .con_left .webinfo a.more{
		display: none;
	}
	section.websitemain .con_1 .con_left .webinfo p a.res_show{
		display: block;
	}
	section.websitemain .con_1 .con_right{
		top:0;
	}
	section.websitemain .con_1 .con_right a.img_box{
		display: none;
	}
	section.websitemain .con_2{
		height: 400px;
	}
	section.websitemain .con_2 .con_right{
		padding:0 30px;
	}
	section.websitemain .con_2 .con_right h2{
		margin-top:60px;
	}
	section.websitemain .con_2 .con_right a.res_show{
		display: inline;
	}
	section.websitemain .con_2 .con_right a.more{
		display: none;
	}
	section.websitemain .con_4{
		margin-top:50px;
		height: auto;
	}
	section.websitemain .con_4 .con_left{
		padding:40px;
	}
	section.websitemain .con_4 .con_right{
		padding:81px 20px;
	}

}

@media screen and (max-width:992px){
	body>div.sidebar{
		display: none;
	}
	header.header{
		top:15px;
	}
	header.header a.logo{
		float: left;
		margin-left: 15px;
	}
	header.header a.logo img{
		height: 30px;
		width: auto;
		max-width: inherit;
	}
	body{
		padding-top:60px;
	}
	header.normal{
		padding:15px;
	}
	header.normal a.logo{
		float: left;
	}
	header.normal a.logo img{
		height: 30px;
	}
	header.normal span.toggle-box{
		position: absolute;
		top:15px;
		right:15px;
	}
	header.header a.navbar-toggle.on span:nth-child(2),
	header.normal a.navbar-toggle.on span:nth-child(2){
		opacity: 0;
		filter: alpha(opacity=0);
	}
	header.header a.navbar-toggle.on span:first-child,
	header.normal a.navbar-toggle.on span:first-child{
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header.header a.navbar-toggle.on span:last-child,
	header.normal a.navbar-toggle.on span:last-child{
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	header.header nav.nav.on,
	header.normal nav.nav.on{
		display: block !important;
		height: auto;
		position:absolute;
		left:0;
		top:35px;
		width:100%;
		padding: 0 15px;
		border-radius: 5px;
		overflow: hidden;
		line-height: 32px;
		z-index: 999;
	}
	header.normal nav.nav.on{
		position:relative;
		top:0;
		margin: 45px 0 0;
	}
	header.header nav.nav.on a,
	header.normal nav.nav.on a{
		display: block;
		text-align: left;
		background: rgba(255, 255, 255, 0.9);
		max-width: inherit;
		float: none;
		width: auto;
		padding: 0 15px;
		font-weight: normal;
		color: #333;
		margin:0;
		border-bottom: 1px solid rgba(246, 246, 246, 0.6);
	}
	header.header nav.nav.on a:first-child,
	header.normal nav.nav.on a:first-child{
		border-radius: 5px 5px 0 0;
	}
	header.header nav.nav.on a:last-child,
	header.normal nav.nav.on a:last-child{
		border-radius:  0 0 5px 5px;
		border:none;
	}

	section.banner div.bannerBox{
		height: auto;
	}
	section.banner div.bannerBox  > #video{
		height: 100%;
	}
	section.banner div.bannerBox  div.bannerOuter {
		top:0;
	}
	section.banner div.bannerBox ul li span.st1{
		font-size: 22px;
	}
	section.banner div.bannerBox ul li span.st2{
		font-size: 80px;
	}
	section.banner div.bannerBox ul li span.st3{
		font-size: 18px;
	}
	section.banner div.bannerBox ul li span.st4{
		font-size: 14px;
		left:0;
	}

	section.banner div.bannerBox  ul li span.st7{
		font-size: 24px;
	}
	section.banner div.bannerBox  ul li small{
		font-size: 12px;
		opacity: .8;
		filter: alpha(opacity=80);
	}
	section.banner div.bannerBox ul li span.st8{
		font-size: 40px;
	}
	section.banner div.bannerBox ul li span.st8 em{
		font-size: 90px;
	}
	section.cases ul.list,
	section.main div.rec ul.list{
		width: calc(100% + 20px);
		margin-left: -10px;
	}
	section.cases ul.list li,
	section.main div.rec ul.list li{
		padding:10px;
	}
	section.cases ul.list li span.bottom,
	section.main div.rec ul.list li span.bottom{
		padding:15px 20px;
	}
	section.cases ul.list li span.bottom a.title,
	section.main div.rec ul.list li span.bottom a.title{
		line-height: 32px;
	}

	section.news div.top ul.countup li em{
		font-size: 50px;
	}
	section.news div.bottom div.left,
	section.news div.bottom div.right{
		padding:0;
	}
	section.news div.bottom div.left > span{
		display: none;
	}
	section.news div.bottom div.left > div.title{
		margin:0;
		text-align: center;
	}
	section.news div.bottom div.left > div.title h2{
		line-height: 52px;
	}
	section.news div.bottom div.left > div.title small{
		display: none;
	}
	section.news div.bottom div.left > h3{
		margin:0;
		font-size: 14px;
		line-height: 28px;
		text-align: center;
		background: none;
	}
	section.news div.bottom div.left > div.item a.more{
		display: none;
	}
	section.news div.bottom div.left > div.item,
	section.news div.bottom div.right > div.item{
		margin-bottom: 20px;
	}
	section.news div.bottom div.right:after{
		display: none;
	}
	section.news div.bottom div.right > div.item em{
	    display: none;
	}
	section.news div.bottom div.right > div.item a.title{
		margin-top: 0;
	}
	section.news div.bottom div.left > div.item span.date,
	section.news div.bottom div.right > div.item span.date{
	    display: block;
	}
	section.logos ul.list li{
		padding:5px;
		width:25%;
	}
	section.logos ul.list li:last-child{
		display: block;
	}
	section.logos ul.list li span{
		-webkit-filter: grayscale(0);
	    -moz-filter: grayscale(0);
	    -ms-filter: grayscale(0);
	    -o-filter: grayscale(0);
	    filter: grayscale(0);
	}

	section.form div.top h3{
	    float:none;
	    text-align: center;
	}
	section.form div.top small{
		float:none;
	    text-align: center;
	}
	section.form div.bottom label{
		margin-bottom: 10px;
	}

	section.sub-banner{
		height: 160px;
	}
	section.newslist div.right{
		display: none;
	}
	section.newslist div.left{
		padding-right: 0;
	}

	section.casemain div.desc div.right{
		text-align: left;
		margin-top: 10px;
	}
	section.casemain div.body{
		padding: 50px;
	}
	aside.sidebar{
		display: none;
	}

	section.service{
		padding: 30px 10px;
	}
	section.service.step_1{

	}

	section.shop.step_1 li{
		padding-left:10px;
	}
	section.shop.step_1 li span{
		font-size: 14px;
		font-weight: normal;
	}
	section.shop.step_1 li div.bottom{
		display:none;
	}

	section.shop.step_2 div.bottom div.tbg{
		height: 70px;
	}
	section.shop.step_2 div.bottom{
		margin-top: 20px;
	}
	section.shop.step_2 div.bottom ul{
		margin-top: 20px;
	}
	section.about.step_3 div.arclist ul li div{
		padding:30px 0 13px;
		background-position: right center;
	}
	section.about.step_3 div.arclist ul li dl{
		width:80%;
		margin-left: 5%;
	}
	section.about-banner{
		height: 550px;
	}

	section.websiteBanner{
		height: 480px;
	}
	section.websiteBanner .bannerBox ul{
		height: 480px;
	}
	section.websiteBanner .bannerBox ul li span.st1 {
	    top: 112px;
	}

	section.websiteBanner .bannerBox ul li span.st2 {
	    top: 192px;
	}
	section.websiteBanner .bannerBox ul li span.st3{
		top:292px;
	}
	section.websiteBanner .bannerBox ul li span.st6 {
	    top: 112px;
	}
	section.websiteBanner .bannerBox ul li span.st7 {
	    top: 192px;
	}
	section.websiteBanner .bannerBox ul li span.st8 {
	    top: 292px;
	}
	section.websiteBanner .bannerBox ul li span.st11 {
	    top: 112px;
	}
	section.websiteBanner .bannerBox ul li span.st12 {
	    top: 192px;
	}
	section.websiteBanner .bannerBox ul li span.st13 {
	    top: 292px;
	}

	div.popinfo2 div.wrap div.body h2,
	div.popinfo div.wrap div.body h2{
		font-size: 22px;
		height: 42px;
		line-height: 42px;
	}
	div.popinfo2 div.wrap div.body p,
	div.popinfo div.wrap div.body p{
		font-size: 14px;
		margin-top: 10px;
	}
}

@media screen and (max-width:880px){
	section.websitemain .con_1 .con_left .webname{
		width:150px;
		height: 150px;
		line-height: 150px;
		top:0;
		right:0;
	}
	section.websitemain .con_1 .con_right strong{
		margin-top:30px;
	}
	section.websitemain .con_2{
		height: 300px;
	}
	section.websitemain .con_4 .con_left{
		font-size:18px;
	}
	section.websitemain .con_2 .con_right p a:nth-child(3){
		display: none;
	}
	section.websitemain .con_3 .con_box div.link_case a:nth-child(3){
		display: none;
	}
}

@media screen and (max-width:767px){
	section.cases ul.list li{
		padding:5px;
	}
	section.cases ul.list li:last-child{
		display: none;
	}
	section.news div.top ul.countup li:nth-child(3){
		border:none;
	}
	section.logos ul.list li{
		width:33.33%;
	}
	section.logos ul.list li:last-child{
		display: none;
	}

	section.sub-banner{
		height: 90px;
	}
	section.sub-banner span{
		font-size: 24px;
	}
	section.service-banner{
		height: 160px;
	}

	section.newslist{
		margin-top: 15px;
	}
	section.newslist div.left div.top{
		padding-bottom: 0;
		border:none;
	}
	section.newslist div.left div.top div.layui-carousel{
		width:100% !important;
		height: 300px !important;
	}
	section.newslist div.left div.top ul.list{
		width: 100%;
		float: none;
		padding-left: 0;
	}
	section.newslist div.left  div.top ul.list li:first-child{
		margin-top: 14px;
		padding-bottom: 18px;
	}
	section.newslist div.left  div.top ul.list li a.thumb,
	section.newslist div.left  div.top ul.list li div.info div.tags{
		display: block;
	}
	section.newslist div.left ul.list li{
		margin-top: 14px;
		padding-bottom: 18px;
	}

	section.casehead{
		height: 320px;
	}
	section.casehead small{
		/*margin-top: 70px;*/
	}
	section.casehead h3{
		font-size: 50px;
		line-height: 60px;
	}
	section.casehead span{
		font-size: 18px;
		line-height: 36px;
	}
	section.casehead div.search{
		height: 40px;
		max-width: 320px;
	}
	section.casehead div.search input{
		height: 40px;
	}
	section.casehead div.search a.btn-sub{
		height: 40px;
	}
	section.casehead .banner-waves canvas{
		height: 66px !important;
	}
	section.casehead div.search input{
		padding-right: 60px;
	}
	section.casehead div.search a.btn-sub{
		width:60px;
	}

	section.casemain div.desc,
	section.casemain div.body{
		padding: 30px 20px;
	}
	section.main div.rec ul.list li:last-child{
		display: none;
	}

	section.service h3,section.shop h3{
		font-size: 24px;
		line-height: 32px;
	}
	section.service h3 small,section.shop h3 small{
		line-height: 22px;
	}
	section.service.step_1 ul{
		margin-top: 20px;
	}
	section.service.step_1 ul li{
		padding: 0 10px;
	}
	section.service.step_1 ul li span{
		margin: 0 0 10px;
	}
	section.service.step_1 ul li i{
		width:60px;
		height: 60px;
		-webkit-background-size: 50%;
		background-size: 50%;
	}
	section.service.step_2 div.box{
		margin-top: 10px;
	}
	section.service.step_2 li{
		padding: 10px 10px 5px;
	}
	section.service.step_2 li div{
		padding: 10px;
		border-radius: 5px;
	}
	section.service.step_2 li em{
		font-size: 20px;
		line-height: 26px;
	}
	section.service.step_2 li span{
		min-height: inherit;
	}
	section.service.step_3 div.box{
		margin-top: 30px;
	}
	section.service.step_3 li{
		padding: 0 15px 0;
		margin-bottom: 35px;
		border:none;
	}
	section.service.step_3 li i{
		margin:0;
		padding: 0 0 0 26px;
		height: 22px;
		line-height: 22px;
		background-size: auto 80%;
		border-bottom: 1px solid #e5ad25;
	}
	section.service.step_3 li i:after{
		display: none;
	}
	section.service.step_3 li span{
		margin-top: 10px;
	}

	section.shop{
		padding: 30px 10px !important;
	}

	section.shop.step_1 ul{
		margin-top: 10px;
	}
	section.shop.step_1 li:first-child{
		padding:0;
	}
	section.shop.step_1 li > div{
		background: none;
	}
	section.shop.step_1 li span{
		font-size: 10px;
	}
	section.shop.step_1 li span i{
		width:50px;
		height: 50px;
		margin-bottom: 5px;
		-webkit-background-size: 50% auto;
		background-size: 50% auto;
	}
	section.shop.step_1 li:hover span{
		color: #333;
	}
	section.shop.step_1 li:hover span i{
		border-color: #050505;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv3aB7AAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGRSURBVCiRZc+7S0JxFAfwr3qvpjXcsncNJrSUg2PDFYwaCwwKGhruXoRj8HOwLYrAtrAHNgQJEfQyayn19iASorBaxK2Iwr+g1/lFjxN9p9/5HH7ncIDli9/kr0GxpL3eNu9X2l+GBjVYT4A6j+z1AErxqRyE9Ri2iwJRZz4MNXVWMmAz4dxZ1ICZ4RzsiQ1hQDHRtL9OFE9uw5GINIeh5KCU7umj/h5FRUw0TUpCIEakPABOojmoW/Il6RKojIrGOdiJ1CsiVwKoCovGFTg2qTyg8eN+oNUQDZu0hMi36+2SK1pDkpySrEvF55BsBUV95nMEXdMrb4LPL+qyaJbbvqN7JLVEGQU0UZtDi8GoXxNuE50hRiMQ7gJ8nEYhagrQg4ymiW6g+xnFIapv0McpSXSLPg+jNIR2hjGN0SmRZEbHVO5DMLGYREna+4/ijKw5ojjWGNmyiGgLf0jJWg4nBfYYqRnXyfkCUozsR7P+jlfsMnKkrtXFO5icyvPFVQ2PE1M/ibydD1Anny/+Jt1N8gHJKJNpLUS+TQAAAABJRU5ErkJggg==');
	}
	section.shop.step_1 li:hover span i.icon_02{
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmBAMAAABALxQTAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv3aB7AAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGHSURBVCiRjZK/TgJBEMbnODg5FMTEREmM0psYYi9coo0VvgH6AkhhYokPoIHEB0ATCzuIsaMAawso7TAxJjTmRBSFOxln93bvjzZOMfPlx95MvhkAvFB3DPgTuybiVYCoACm0mx288VjoDEtqp58GpTjNuLSIVmbFTpJS6k8SRvEcoH7HtW5LWhgBhKdJrpXevqBMxL7kk65TNYtS4k1QKWLUAPJtQfWRU+MDRhtytGg1//oP+unU2SGltYGg8aHoz76ZE0Mg9yg2wwxo34K2TqS4oNSpcj0jPAKsjkllx1yXP+QeVLO/DRreklxHuQZ6h1iCLXw4PsVnF6YQ7QwsIUVfdoWIOd4DWDbx/vrIfQmHkzT7aXIAvtD4gIpl+CHkmSvdmx25ZLnHzNTcI4LOjhC1uSPv4IpJLuPvpDZG4EWWSKHNGlR9NEotKtQ2hGn/fLp5yxAb9hloAJLHxDBA6S5IJdcNUPorvFApVwOUzrwAzkRfRCa8/KJhi5eaEaAhhy5CMDZ/ANy7ifcx+RPnAAAAAElFTkSuQmCC');
	}
	section.shop.step_1 li:hover span i.icon_03{
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9EQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkWdALyXAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAE+SURBVCiRY2CAgXu3WxjQwBOzedcFEFzGiNULHjEweD+Fi7CsP1n2ACjEELsQKsJ8roiBCSzEuAeqta6QASrEwHUQLMJ1mQEuxLALTK4RQBKSDQASHBcZkIRYHgIJPwVkIYbtQHyNAUXIl4GB7QKqEJ8DA08CqhBnA4OdAKoQ2waGKgZUIeYLDMtgQk+UwEDlAcMVmNC5dxBwgeERTAgRVJ+gIfaZG10VQ63Kc5hZl6FCHBf9AqA2boOZMEfkCdRdnTAhro1xDhDX+8Et2sX6GOJHXgeYkMyCPANwSLBvgAkxnmR7DA4vRkTc6TbUKbCCQjUWHsVM19kfyYFcwgXXyWCX0AuOIcZTcCHmpxyQeJTZCNd5kwFiCuPaAKhQXgNMkvU1xG25VxABJH53mpGS27pjDEiApfvev1vFUA4AizV06+lZHhUAAAAASUVORK5CYII=');
	}
	section.shop.step_1 li:hover span i.icon_04{
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfBAMAAAB0eNK/AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv3aB7AAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADcSURBVCiRY2CAAcbqd29aGJBA3b+da/9vQvC5/jcyMMT8M4AL5H8DaTt/AG7C/QQQJfMVJsD6A0wxv4IJsD+G0HthApwPIHQf3BKowDx0gbNoAqw/0QT8PqMKsLyfgCIgPP+3AIrA/r9g54rOhAlUBoL4bPf/CiCsBYL1Pw0ZkAXY/ycwoAjIfWNAFchvQBOYJ4AmcIYBTWA3VOACTGAdRAvvBphAfQGYim+ACeg9AZHM7+ERwvHPAUjawQOGgXH/CwUG8fcH4QIMHO9fr37/UgAhwKC25u12BTgPAIWlSdvS6YwPAAAAAElFTkSuQmCC');
	}
	section.shop.step_1 li:hover span i.icon_05{
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAdBAMAAADFpVh+AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///9EQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkVEQkWdALyXAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAESSURBVCiRY2BgqP+PCr4yAAHzVyVU0CsAFJWdwIAKeBuAxBw0QQaWRwwMrI/QRRl2MTDoJWCI6juAJFCBAAPHAYbPDAx2DAxsGxgYpgMtcmBg/MjA/IHhKQNDvgID1wMGhtsMDPIFDCyfGFgeMPQqMN3fwOD/goH9XQDD2scMMt8ZpCcwcL1a9/LsrG92J8+5/p57qW/l6/sr7wC9YX2lg3W6AWNmIYP6NAHmDodrNUA7GNg3dKK44QrHArBoFYroE7yi2USIPoaKRqOIfoaKxmAV9UER/QQV9UUWZMQvaoci+hEqqi+AJMoME+U+tQoB1i6AijJmdCBAKwNUlAEVgEXZLqOlHZsGkNw6tHT2SoABAAWmioCi0vBKAAAAAElFTkSuQmCC');
	}

	section.shop.step_2 div.box{
		margin-top: 10px;
	}
	section.shop.step_2 div.left li{
		padding: 0 2px 4px;
	}

	section.shop.step_2 div.bottom li{
		padding:0 5px 0 60px;
		margin-bottom: 15px;
	}
	section.shop.step_2 div.bottom li:before{
		left:5px;
		width:40px;
		height: 40px;
	}
	section.shop.step_2 div.bottom li div{
		font-size: 12px;
		line-height: 22px;
	}

	section.shop.step_3 ul{
		margin-top: 10px;
	}
	section.shop.step_3 li{
		padding:15px 0;
	}
	section.shop.step_3 li i{
		height: 46px;
		-webkit-background-size: auto 60%;
		background-size: auto 60%;
	}
	section.shop.step_3 li span{
		margin-top: 10px;
		display: block;
		overflow: hidden;
		white-space:nowrap;
		text-overflow:" ";
	}
	section.about.step_3 div.arclist ul li div{
		background: none;
		padding: 20px 0 13px;
	}
	section.about-banner{
		height: 350px;
	}
	section.about.step_1 div.right{
		top:22px;
	}
	section.about.step_4{
		margin-top: 25px;
		padding: 25px 10px;
	}
	section.about.step_4 div.box li:last-child{
		display: none;
	}
	section.websitemain .con_1{
		padding-bottom:0;
	}
	section.websitemain .con_1 .con_left .webname{
		display: none;
	}
	section.websitemain .con_1 .con_left .webinfo{
		margin:30px 20px;
	}
	section.websitemain .con_1 .con_right{
		position: static;
	}
	section.websitemain .con_1 .con_right h2{
		margin:0 20px;
	}
	section.websitemain .con_1 .con_right p{
		margin:20px;
	}
	section.websitemain .con_1 .con_right strong{
		margin:20px;
	}
	section.websitemain .con_1 .con_right a.qiao_talk{
		margin:20px;
	}
	section.websitemain .con_4 .con_right{
		display: none;
	}
	section.websitemain .con_2 .con_left{
		display:none;
	}
	section.websitemain .con_2 .con_right{
		width:100%;
		background: rgba(0,0,0,0.5) url('../images/website_img_2.jpg') no-repeat center / cover;
	}
	section.websitemain .con_2 .con_right p a:nth-child(3){
		display: inline;
	}
	section.websitemain .con_3 .con_box p{
		height: 48px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	section.websitemain .con_3 .con_box div.link_case a.more{
		top:15px;
	}
	section.websitemain .con_3 .con_box div.link_case{
		margin-top:5px;
		padding-top:5px;
	}
	section.websitemain .con_3 .con_box div.link_case a:nth-child(2){
		display: none;
	}
	.con_left h2 , .con_right h2{
		font-size:22px!important;
	}

}

@media screen and (max-width:660px){
	section.banner div.bannerBox div.buttonArea{
		left:0;
		bottom:0;
	}
	section.banner div.bannerBox div.bannerOuter{
		height: 450px !important;
	}
	section.banner div.bannerBox ul li{
		height: 450px;
	}
	section.banner div.bannerBox ul li span.st1{
		font-size: 16px;
		top:110px;
	}
	section.banner div.bannerBox ul li span.st2{
		font-size: 42px;
		top:160px;
	}
	section.banner div.bannerBox ul li span.st3{
		font-size: 14px;
		width: 80%;
		left:10%;
		top:250px;
	}
	section.banner div.bannerBox ul li span.st4{
		display: none !important;
	}
	section.banner div.bannerBox  ul li span.st5 {
		display: none !important;
	}
	section.banner div.bannerBox  ul li span.st6{
		top:380px;
	}

	section.banner div.bannerBox  ul li span.st7{
		font-size: 16px;
		top:80px;
	}
	section.banner div.bannerBox  ul li small{
		display: none !important;
	}
	section.banner div.bannerBox ul li span.st8{
		font-size: 30px;
		top:120px;
	}
	section.banner div.bannerBox ul li span.st8 em{
		font-size: 50px;
	}
	section.banner div.bannerBox  ul li span.st9 {
	    font-size: 14px;
	    top: 240px;
	}
	section.banner div.bannerBox  ul li span.st10 {
		display: none !important;
	}
	section.banner div.bannerBox  ul li span.st11{
		top:380px;
	}

	section.services{
		padding:35px 10px;
	}
	section.services div.title h2{
		font-size: 24px;
	}
	section.services div.title small{
		font-size: 14px;
		margin-top: 6px;
	}
	section.services div.bottom{
		margin-top: 18px;
	}
	section.services div.bottom dl{
		height: auto;
		padding:20px;
		background-position: right 10px center !important;
	}
	section.services div.bottom dl dt,
	section.services div.bottom dl dd{
		font-weight: normal;
	}

	section.cases{
		padding:35px 5px;
	}
	section.cases div.title h2{
		font-size: 12px;
	}
	section.cases div.title small{
		line-height: 22px;
		margin-top: 10px;
	}
	section.caselist div.title small{
		margin:0;
	}
	section.cases div.title:after{
		display: none;
	}
	section.cases ul.list,
	section.main div.rec ul.list{
		width: calc(100% + 4px);
		margin-left: -2px;
	}
	section.cases ul.list li,
	section.main div.rec ul.list li{
		padding:2px;
	}
	section.cases ul.list li span.bottom,
	section.main div.rec ul.list li span.bottom{
		padding: 10px;
	}
	section.cases ul.list li span.bottom a.title,
	section.main div.rec ul.list li span.bottom a.title{
		font-size: 14px;
		line-height: 28px;
	}
	section.cases ul.list li span.bottom a.more,
	section.main div.rec ul.list li span.bottom a.more{
		margin-top: 10px;
	}
	section.cases > a.more{
		margin-top: 35px;
	}

	section.news{
		padding:30px 10px 10px;
	}
	section.news div.top h2{
		font-size: 24px;
		line-height: 36px;
	}
	section.news div.top small{
		font-size: 12px;
		line-height: 22px;
	}
	section.news div.top ul.countup li{
		margin-bottom: 18px;
	}
	section.news div.top ul.countup li em{
		font-size: 40px;
	}

	section.news div.bottom{
		margin-top: 35px;
	}
	section.news div.bottom div.left > div.title h2{
		font-size: 24px;
		line-height: 36px;
	}
	section.news div.bottom div.left > div.item{
		margin-top: 20px;
	}
	section.news div.bottom div.left > div.item,
	section.news div.bottom div.right > div.item{
		margin-bottom: 15px;
	}
	section.news div.bottom div.left > div.item a.title,
	section.news div.bottom div.right > div.item a.title{
		margin-bottom: 8px;
	}

	section.logos{
		padding: 35px 5px;
	}
	section.logos div.top{
		padding: 0 5px;
	}
	section.logos div.top h2{
		font-size: 24px;
		line-height: 32px;
	}
	section.logos div.top h2 span{
		display: none;
	}
	section.logos div.top::after{
		display: none;
	}
	section.logos ul.list{
		margin-top: 12px;
	}
	section.logos ul.list li{
		padding:2px;
	}

	section.form{
		padding:35px 10px;
	}
	section.form div.bottom{
		margin-top: 18px;
	}

	footer.footer{
		padding: 30px 10px;
	}
	footer.footer a.contact{
		margin-bottom: 13px;
	}
	footer.footer div.tel{
		font-size: 18px;
	}
	footer.footer div.info{
		font-size: 12px;
	}
	footer.footer div.bottom{
		margin-top: 12px;
		font-size: 12px;
		text-align: left;
	}
	section.about-banner{
		height: 200px;
	}
	section.about.step_1 div.right{
		height: auto;
	}
	section.about.step_1 div.right div.box{
		width:90%;
		margin:10px auto;
	}
	section.about.step_1 div.right div.box h1{
		font-size: 20px;
	}
	section.about.step_1 div.right div.box small{
		font-size: 14px;
		font-weight: normal;
	}
	section.about.step_1 div.right div.box div{
		font-size: 14px;
	}
	section.about.step_1 div.right div.box a{
		margin-top: 15px;
		width:80px;
		height: 28px;
		-webkit-background-size: 50% auto;
		background-size: 50% auto;
	}
	section.about.step_2{
		margin-top: 35px;
	}
	section.about.step_2 div.top{
		padding-bottom: 15px;
	}
	section.about.step_2 div.top:after{
		display: none;
	}
	section.about.step_2 div.top h2{
		margin-top: 20px;
		font-size: 20px;
	}
	section.about.step_2 div.caselist div.left li{
		height: auto;
	}
	section.about.step_2 div.caselist div.bd{
		height: auto;
	}
	section.about.step_4 div.top h3{
		font-size: 20px;
	}
	section.about.step_4 div.box li div.bottom a.title{
		font-size: 16px;
	}
	section.about.step_4 div.box li div.bottom p{
		display: none;
	}
	section.about.step_4 div.box li div.bottom span{
		margin-top:12px;
		padding-top: 12px;
		background-position: right 16px;
	}
	section.about.step_3 div.bg,
	section.about.step_2 div.bg{
		width:100%;
		height: 100%;
	}

	section.websiteBanner {
		height: 320px;
	}
	section.websiteBanner .bannerBox ul li span.st1, section.websiteBanner .bannerBox ul li span.st2,
	section.websiteBanner .bannerBox ul li span.st6, section.websiteBanner .bannerBox ul li span.st7,
	section.websiteBanner .bannerBox ul li span.st11, section.websiteBanner .bannerBox ul li span.st12{
		font-size: 20px;
	}
	section.websiteBanner .bannerBox ul li span.st1,section.websiteBanner .bannerBox ul li span.st6,section.websiteBanner .bannerBox ul li span.st11{
		top:50px;
	}
	section.websiteBanner .bannerBox ul li span.st2,section.websiteBanner .bannerBox ul li span.st7,section.websiteBanner .bannerBox ul li span.st12{
		top:90px;
	}
	section.websiteBanner .bannerBox ul li span.st3,section.websiteBanner .bannerBox ul li span.st8,section.websiteBanner .bannerBox ul li span.st13{
		top:150px;
	}
	section.websiteBanner .bannerBox ul{
		height: 320px;
	}
	section.websitemain .con_3 .con_box{
		padding:10px;
	}
	section.websitemain .con_3 .con_box h2{
		font-size: 20px!important;
	}
	section.websitemain .con_4{
		margin:16px 0;
		padding:0;
	}
	section.websitemain .con_4 .con_left{
		padding:0 20px;
		font-size:14px;
	}
}

@media screen and (max-width:639px){
	section.newslist div.left div.top div.layui-carousel{
		width:100% !important;
		height: 180px !important;
	}
	section.newslist div.left  div.top ul.list li a.thumb,
	section.newslist div.left ul.list li a.thumb{
		display: none;
	}

	section.shop.step_2 div.left li div{
		padding:10px;
		height: 135px;
	}

	section.shop.step_3 li{
		border:none;
		padding: 5px 0;
	}
	section.shop.step_3 li i{
		background-size: auto 45%;
	}
	section.shop.step_3 li span{
		margin-top: 2px;
		font-size: 10px;
	}
	section.about.step_3 div.arclist ul li span.fl{
		display: none;
	}
	section.about.step_3 div.arclist ul li dl{
		width: 100%;
		margin:0;
	}
	section.about.step_4 div.box li{
		padding:3px;
	}

}